<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Beer</title>

    <script type="application/x-javascript" src="web/src/main/javascript/libraries/mootools-core-1.4.5-full-nocompat.js"></script>
    <script type="application/x-javascript" src="web/src/main/javascript/libraries/jquery-2.0.3.js"></script>
    <script type="application/x-javascript" src="web/src/main/javascript/libraries/jcanvas.js"></script>
    <script type="application/x-javascript" src="web/src/main/javascript/figure/figure.js"></script>
    <script type="application/x-javascript" src="web/src/main/javascript/figure/DomFigure.js"></script>
    <script type="application/x-javascript" src="web/src/main/javascript/figure/Positions.js"></script>
    <script type="application/x-javascript" src="web/src/main/javascript/figure/Pipe.js"></script>
    <script type="application/x-javascript" src="web/src/main/javascript/figure/Container.js"></script>
    <script type="application/x-javascript" src="web/src/main/javascript/figure/Alarm.js"></script>
    <script type="application/x-javascript" src="web/src/main/javascript/figure/Bomb.js"></script>
    <script type="application/x-javascript" src="web/src/main/javascript/figure/Olla.js"></script>
    <script type="application/x-javascript" src="web/src/main/javascript/figure/Tank.js"></script>
    <script type="application/x-javascript" src="web/src/main/javascript/figure/Draw.js"></script>
    <script type="application/x-javascript" src="web/src/main/javascript/figure/Cooling.js"></script>
    <script type="application/x-javascript" src="web/src/main/javascript/figure/Dial.js"></script>
    <script type="application/x-javascript" src="web/src/main/javascript/figure/Panel.js"></script>
    <script type="application/x-javascript" src="web/src/main/javascript/figure/Sedimentation.js"></script>
    <script type="application/x-javascript" src="web/src/main/javascript/figure/Tamiz.js"></script>
    <script type="application/x-javascript" src="web/src/main/javascript/figure/Molino.js"></script>
    <script type="application/x-javascript" src="web/src/main/javascript/figure/Valvula.js"></script>
    <script type="application/x-javascript" src="web/src/main/javascript/figure/Filtro.js"></script>
    <script type="application/x-javascript" src="web/src/main/javascript/figure/Bascula.js"></script>
    <script type="application/x-javascript" src="web/src/main/javascript/figure/Mezcladora.js"></script>
    <script type="application/x-javascript" src="web/src/main/javascript/figure/Termometro.js"></script>
    <script type="application/x-javascript" src="web/src/main/javascript/figure/BasculaFermentacion.js"></script>
    <script type="application/x-javascript" src="web/src/main/javascript/figure/SensorAzuzcar.js"></script>
    <script type="application/x-javascript" src="web/src/main/javascript/figure/Reloj.js"></script>
    <script type="application/x-javascript" src="web/src/main/javascript/figure/Caudalimetro.js"></script>

    <link rel="stylesheet" type="text/css" href="web/src/main/javascript/figure/Pipe.css">
    <link rel="stylesheet" type="text/css" href="web/src/main/javascript/figure/Indicator.css">
    <link rel="stylesheet" type="text/css" href="web/src/main/javascript/figure/Table.css">

</head>

<body onLoad="onPageLoad();">
<button style='margin-top:500px;cursor:pointer;cursor:hand' class="unselectable" unselectable='on' id="start">Start simulation!</button>
<button style='cursor:pointer;cursor:hand' class="unselectable" unselectable='on' id="pause" disabled>Pause simulation!</button>
<form style='cursor:pointer;cursor:hand; float: right'>
    <fieldset>
        <legend>RomperBomba</legend>
        <label>Bomba</label>
        <select id = "myList">
            <option value = "Afecho">afecho</option>
            <option value = "Etanol">etanol</option>
            <option value = "Ollas">ollas</option>
            <option value = "Mezcla">mezclas-filtracion</option>
            <option value = "Filtr2">filtracion</option>
            <option value = "OllaCoccion4">sedimentacion</option>
            <option value = "Mad">maduracion</option>
        </select>
    </fieldset>
</form>
<button type="button" style='cursor:pointer;cursor:hand; position: absolute; left: 93%; top: 70px' class="unselectable" unselectable='on' id="romperBomba" onclick="romperBomba()">Romper!</button>

<br>
<br>
<div style='border: 6px double black;border-radius: 25px; width: 400px'>
    <br>
        <h1>Alarma General</h1>
    <br>
</div>

<form id="myForm" style="margin-top:10px;background-color:transparent">
    <fieldset style="font-weight:bold;font-family:arial;background-color:transparent">
        <legend onclick="$('table').toggle(200)" style="cursor:pointer;cursor:hand;" >System Control (click to expand)</legend>
            <table id='control' class="CSSTableGenerator" style="display: none"></table>
    </fieldset>
</form>
</body>

</html>